<template>
	<view>
		
		
		<view class="mainfotter">
			<text class="framea"></text>
			<text class="about">接单活动规则</text>
			<view class="brief">
				<view class="headContent">
					接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则
				</view>
				<text class="agreement">用户协议</text>
				<view class="agreemrntContent">
					接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则接单活动规则
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				editionNum:'1.2.0'
			};
		},
		methods:{
			
		}
	}
</script>

<style >
	.framea{
		display: block;
		width:10rpx;
		height:30rpx;
		background:rgba(115,34,216,1);
		border-radius:5rpx;
		position: absolute;
		top: 7rpx;
		left: 20rpx;
	}
	.about{
		font-size:28rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(46,46,46,1);
		position: absolute;
		left: 42rpx;
	}
	.brief{
		width:710rpx;
		height:862rpx;
		background:rgba(255,255,255,1);
		border-radius:10rpx;
		position: relative;
		top: 65rpx;
		left: 20rpx;
	}
	.headContent{
		width:667rpx;
		height:97rpx;
		font-size:26rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(46,46,46,1);
		position: absolute;
		top: 27rpx;
		left: 21rpx;
	}
	.agreement{
		font-size:26rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(46,46,46,1);
		position: absolute;
		top: 185rpx;
		left: 20rpx;
	}
	.agreemrntContent{
		width:669rpx;
		height:601rpx;
		font-size:26rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(46,46,46,1);
		position: absolute;
		top: 237rpx;
		left: 20rpx;
	}
</style>
